<template>
	<view :style="{paddingTop:statusBarHeight}">
		<view class="cu-bar bg-white">
			<view class="action">
				<text class="cuIcon-locationfill text-gray"></text>
				{{cityname}}
			</view>
			<view class="content text-bold">
				MCAKE
			</view>
			<!-- #ifndef MP-WEIXIN -->
			<view class="action text-grey">
				<text class="cuIcon-search"></text>
				<text class="cuIcon-sort"></text>
			</view>
			<!-- #endif -->
		</view>
	</view>
</template>

<script>
	export default {
		name:"nav-custom",
		data() {
			return {
				statusBarHeight:0
			};
		},
		computed: {
			cityname() {
				return this.$store.state.city.cityname 
			}
		},
		created() {
			uni.getSystemInfo({
				success: ({statusBarHeight}) => {
					console.log(statusBarHeight);
					this.statusBarHeight = statusBarHeight+'px'
				}
			})
		}
	}
</script>

<style lang="scss">

</style>